import React, { Component } from 'react'

export default class Bool extends Component {
    constructor () {
        super();
        this.state = {
            flag: true
        }
    }
    changeFlag() {
        this.setState({
            flag: !this.state.flag
        })
    }
    render() {
        //可以将html中的判断程序放入render函数的执行区域
        let flagres = 'yes';
        if (!this.state.flag) {
            flagres = 'no'
        }
        return (
            <div>
                <h1>{this.state.flag ? 'yes' : 'no'}</h1>
                <h1>{flagres}</h1>
                <button onClick={() => this.changeFlag()}>修改</button>
            </div>
        )
    }
}
